<template>
<section class="flex">
  <Vheader></Vheader>
  <div class="main flex">
    <div class="left">
      <Vaside></Vaside>
    </div>
    <div class="right">
      <router-view></router-view>
    </div>
  </div>
</section>
</template>

<script>
  import Vheader from './header.vue'
  import Vaside from './aside.vue'
  export default {
    data () {
      return {}
    },
    methods: {},
    components: {
      Vheader,
      Vaside
    }
  }
</script>

<style lang="less" scoped>
  section{
    flex-direction: column;
    height:100%;
  }
 .main{
   flex:1;
   .left{
     width: 200px;
     background-color: #324157;
     overflow-y: scroll;
     overflow-x: hidden;
   }
   .right{
     flex: 1;
     padding:20px;
     overflow-x: auto;
   }
 }
</style>
